<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>日志管理-影像浏览日志</title>
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="../css/ImageryBrowsingLogs.css" />
    <script src="../utils/jquery-3.6.0.js"></script>
    <script
      src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <div id="box">
      <!-- 左边导航 -->
      <div class="left">
        <!-- logo -->
        <div class="logo">
          <img src="../images/微信图片_20220821145126.png" alt="" />
          <h5>数字化档案管理</h5>
        </div>

        <!-- 导航 -->
        <div class="left-nav">
          <ul class="nav nav-pills nav-stacked">
            <li>
              <a href="./home.html">首界面</a>
              <ul class="min-nav">
                <li><a href="./home.html">首页看板</a></li>
              </ul>
            </li>
            <li>
              <a href="JavaScript:;">案卷管理</a>

              <ul class="min-nav">
                <li><a href="./management.html">签收管理</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">库房管理</a>
              <ul class="min-nav">
                <li><a href="./storeHouse.html">库房信息</a></li>
                <li><a href="./storeShelf.html">库架信息</a></li>
                <li><a href="./LayerInformation.html">层格信息</a></li>
                <li><a href="./BoxInformation.html">盒子信息</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">入库管理</a>
              <ul class="min-nav">
                <li><a href="./File warehousing.html">档案入库</a></li>
                <li><a href="./Inventory records.html">入库记录</a></li>
                <li><a href="JavaScript:;">盒号打印</a></li>
                <li><a href="./File number printing.html">档案号打印</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">档案管理</a>
              <ul class="min-nav">
                <li><a href="./archiveManagement.html">退/还案管理</a></li>
                <li>
                  <a href="./archiveManagementDetail.html">退/还案明细</a>
                </li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">移库管理</a>
              <ul class="min-nav">
                <li><a href="./system-archives.html">档案移库</a></li>
                <li><a href="./system-detail.html">移库明细</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">档案影像</a>
              <ul class="min-nav">
                <li><a href="JavaScript:;">影像查询</a></li>
                <li><a href="JavaScript:;">影像录入</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">实体借阅</a>
              <ul class="min-nav">
                <li><a href="./entityBorrowapplication.html">借阅申请</a></li>
                <li><a href="JavaScript:;">借阅审批</a></li>
                <li><a href="JavaScript:;">借阅出库</a></li>
                <li><a href="JavaScript:;">借阅归还</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">电子借阅</a>
              <ul class="min-nav">
                <li><a href="./BorrowingApply.html">借阅申请</a></li>
                <li><a href="./BorrowingExamination.html">借阅审批</a></li>
                <li><a href="./BorrowingDetail.html">借阅明细</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">统计报表</a>
              <ul class="min-nav">
                <li><a href="JavaScript:;">签收统计</a></li>
                <li><a href="JavaScript:;">入库统计</a></li>
                <li><a href="JavaScript:;">电子借阅统计</a></li>
                <li><a href="JavaScript:;">实体借阅统计</a></li>
                <li><a href="JavaScript:;">档案库存数统计</a></li>
                <li><a href="JavaScript:;">档案状态统计</a></li>
                <li><a href="JavaScript:;">用户登录统计</a></li>
                <li><a href="JavaScript:;">影像上传统计</a></li>
                <li><a href="JavaScript:;">影像浏览统计</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">日志管理</a>
              <ul class="min-nav">
                <li><a href="./logManagement.html">系统操作日志</a></li>
                <li><a href="./ImageryBrowsingLogs.html">影像浏览日志</a></li>
                <li><a href="JavaScript:;">影像上传日志</a></li>
                <li><a href="JavaScript:;">用户登录日志</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">系统管理</a>
              <ul class="min-nav">
                <li><a href="./systemUser.html">用户管理</a></li>
                <li><a href="./systemRole.html">角色管理</a></li>
                <li><a href="./systemGrade.html">等级管理</a></li>
                <li><a href="JavaScript:;">机构管理</a></li>
                <li><a href="JavaScript:;">流程管理</a></li>
                <li><a href="JavaScript:;">档案轨迹</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
      <div id="actionPage">
        <div class="pageColor">
          <div class="actionHeader">
            <div class="headerBox1">
              <div class="break">
                <img
                  src="../images/break.png"
                  alt=""
                  class="image1"
                  title="返回上一个页面"
                />
              </div>
              <div class="message">
                <img src="../images/提示.png" alt="" class="image2" />
                <img src="../images/u26.jpg" alt="" class="image3" />
                <span>Admin</span>
              </div>
            </div>
            <div class="headerBox2">
              <span>日志管理 /&nbsp;&nbsp;影像浏览日志</span>
            </div>
          </div>
          <div class="actionBanner">
            <div class="set">
              <div class="inputArea">
                <div class="form-group Information">
                  <span>收件编号</span>
                  <input
                    type="email"
                    class="form-control inputBox"
                    id="receiptNumber1"
                    placeholder="请输入收件编号"
                  />
                </div>
                <div class="form-group Information">
                  <span>创建时间（起）</span>
                  <input
                    type="email"
                    class="form-control inputBox"
                    id="date"
                    placeholder="请输入日期"
                  />
                </div>
                <div class="form-group Information">
                  <span>IP地址</span>
                  <input
                    type="email"
                    class="form-control inputBox"
                    id="ipSrc1"
                    placeholder="请输入IP地址"
                  />
                </div>
                <div class="form-group Information">
                  <span>用户名</span>
                  <input
                    type="email"
                    class="form-control inputBox"
                    id="username1"
                    placeholder="请输入用户名"
                  />
                </div>
                <div class="form-group Information">
                  <span>中文姓名</span>
                  <input
                    type="email"
                    class="form-control inputBox"
                    id="name1"
                    placeholder="请输入中文名称"
                  />
                </div>
                <div class="form-group Information"></div>
              </div>
              <div class="buttonBox">
                <button type="button" class="inquire">查询</button>
                <button type="button" class="reset">重置</button>
              </div>
            </div>
            <button
              class="btn btn-primary addLog"
              data-toggle="modal"
              data-target="#addModal"
            >
              新增
            </button>
            <div class="tablePage">
              <table class="table table-striped table-bordered table-hover">
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>收件编号</th>
                    <th>用户名</th>
                    <th>中文名</th>
                    <th>IP地址</th>
                    <th>创建时间</th>
                  </tr>
                </thead>
                <tbody>
                  <!-- <tr>
                    <td style="font-weight: bold">1</td>
                    <td>YH001</td>
                    <td>王智勇</td>
                    <td>机构名称A</td>
                    <td>11.21.31.11</td>
                    <td>板块一</td>
                    <td>类型一</td>
                    <td>2022-7-4 17:14:12</td>
                    <td></td>
                  </tr>
                  </tr> -->
                </tbody>
              </table>
              <nav aria-label="Page navigation">
                <ul class="pagination">
                  <li>
                    <a href="#" class="prev">
                      <span>&laquo;</span>
                    </a>
                  </li>
                  <li>
                    <a href="#" class="next">
                      <span>&raquo;</span>
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
            <div class="modal fade" id="addModal" tabindex="-1" role="dialog">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                      <span>&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">管理员添加</h4>
                  </div>
                  <div class="modal-body">
                    <form>
                      <div class="form-group">
                        <label for="exampleInputEmail1">序号</label>
                        <input type="text" class="form-control ordinal" />
                      </div>
                      <div class="form-group">
                        <label for="exampleInputPassword1">收件编号</label>
                        <input type="text" class="form-control receiptNumber" />
                      </div>
                      <div class="form-group">
                        <label for="exampleInputPassword1">用户名</label>
                        <input type="text" class="form-control username" />
                      </div>
                      <div class="form-group">
                        <label for="exampleInputPassword1">中文名</label>
                        <input type="text" class="form-control name" />
                      </div>
                      <div class="form-group">
                        <label for="exampleInputPassword1">IP地址</label>
                        <input type="text" class="form-control ipSrc" />
                      </div>
                      <div class="form-group">
                        <label for="exampleInputPassword1">创建时间</label>
                        <input type="text" class="form-control CreationTime" />
                      </div>
                    </form>
                  </div>
                  <div class="modal-footer">
                    <button
                      type="button"
                      class="btn btn-default"
                      data-dismiss="modal"
                    >
                      取消
                    </button>
                    <button type="button" class="btn btn-primary addSaveBtn">
                      保存
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="../js/ImageryBrowsingLogs.js"></script>
  </body>
</html>
